<!doctype html>
<html lang="en-US">
<head>
    <meta charset="utf-8">
    <title>Sampling - Blur</title>
    <link rel="stylesheet" href="./style.css">
    <script src="./blur.js" defer></script>
</head>
<body>
    <canvas></canvas>
    <div id="controls">
        <label>time:      <input type="checkbox" id="control_time" checked></label>
        <label>separable: <input type="checkbox" id="control_separable"   ></label>
        <label>algorithm: <input type="range" id="control_algorithm" min="0" max="3"   value="1" ></label>
        <label>samples:   <input type="range" id="control_samples"   min="1" max="64"  value="16"></label>
        <label>radius:    <input type="range" id="control_radius"    min="0" max="512" value="50" step="0.1"></label>
    </div>
</body>
</html>

